<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
<p:dialog header="Detalhes do cliente/fornecedor" widgetVar="dialogClienteFornecedorDetalhes" modal="true"
	height="465" width="600" resizable="false" onShow="atualizarDialog();">
	
	<h:form id="clienteFornecedorDetalhesForm">
	
		<h:inputHidden id="tipoPessoaHidden" value="#{manterClientesFornecedoresBean.pessoaAux.tipoPessoa}" />
	
		<script type="text/javascript">
	
			function atualizarDialog(){
				var valorTipoPessoa = jQuery('input[id*=tipoPessoaHidden]').val();
				
				if(valorTipoPessoa == 'F'){
					jQuery('label[id*="labelNome"]').show();
					jQuery('label[id*="labelCpf"]').show();
					jQuery('input[id*="cpf"]').show();
					jQuery('td[id*="tdIdentidade"]').show();
					jQuery('tr[id*="trEstadoCivilSexo"]').show();
					jQuery('table[id*="tabelaProfissao"]').show();
					
					jQuery('label[id*="labelRazaoSocial"]').hide();
					jQuery('label[id*="labelCnpj"]').hide();
					jQuery('input[id*="cnpj"]').hide();
					jQuery('td[id*="tdNomeFantasia"]').hide();
					jQuery('td[id*="tdInscricaoEstadual"]').hide();
					jQuery('td[id*="tdInscricaoMunicipal"]').hide();
				}else{
					jQuery('label[id*="labelRazaoSocial"]').show();
					jQuery('td[id*="tdNomeFantasia"]').show();
					jQuery('label[id*="labelCnpj"]').show();
					jQuery('input[id*="cnpj"]').show();
					jQuery('td[id*="tdInscricaoEstadual"]').show();
					jQuery('td[id*="tdInscricaoMunicipal"]').show();
					
					jQuery('label[id*="labelNome"]').hide();
					jQuery('label[id*="labelCpf"]').hide();
					jQuery('input[id*="cpf"]').hide();
					jQuery('td[id*="tdIdentidade"]').hide();
					jQuery('tr[id*="trEstadoCivilSexo"]').hide();
					jQuery('table[id*="tabelaProfissao"]').hide();
				}
			}
		
		</script>
	
		<p:panel id="panelClienteFornecedorDetalhesModal" style="height:360px; overflow:auto;">
		
			<table cellspacing="10">
				<tr>
					<td width="250px;">
						<h:outputLabel id="labelTipoPessoa" for="tipoPessoa" 
							value="Tipo" style="font-weight: bold;" />
						<br />
						<h:outputText id="tipoPessoa" value="#{manterClientesFornecedoresBean.pessoaAux.tipoPessoaExtenso}" />
		            </td>
				</tr>
				<tr>
					<td width="250px;">
						<h:outputLabel id="labelNome" for="nome" value="Nome:" style="font-weight: bold;" />
						<h:outputLabel id="labelRazaoSocial" for="nome" value="Razão social:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterClientesFornecedoresBean.pessoaAux.nmPessoa}" />
		            </td>
		            <td width="250px;" id="tdNomeFantasia">
						<h:outputLabel for="nomeFantasia" value="Nome fantasia:" style="font-weight: bold;" />
						<br />
						<h:outputText value="#{manterClientesFornecedoresBean.pessoaAux.nmFantasiaEmpresa}" />
		            </td>
				</tr>
				<tr>
					<td width="250px;">
						<h:outputLabel id="labelCpf" for="cpf" value="CPF:" style="font-weight: bold;" />
						<h:outputLabel id="labelCnpj" for="cnpj" value="CNPJ:" style="font-weight: bold;" />
						<br />
						<h:outputText id="cpf" value="#{manterClientesFornecedoresBean.pessoaAux.cpf}" />
						<h:outputText id="cnpj" value="#{manterClientesFornecedoresBean.pessoaAux.cnpj}" />
		            </td>
		            <td width="250px;" id="tdIdentidade">
						<h:outputLabel for="identidade" value="Identidade:" style="font-weight: bold;" />
						<br />
						<h:outputText id="identidade" value="#{manterClientesFornecedoresBean.pessoaAux.identidade}" />
		            </td>
		            <td width="250px;" id="tdInscricaoEstadual">
						<h:outputLabel for="inscricaoEstadual" value="Inscrição estadual:" style="font-weight: bold;" />
						<br />
						<h:outputText id="inscricaoEstadual" value="#{manterClientesFornecedoresBean.pessoaAux.inscricaoEstadualEmpresa}" />
		            </td>
		            <td width="250px;" id="tdInscricaoMunicipal">
						<h:outputLabel for="inscricaoMunicipal" value="Inscrição municipal:" style="font-weight: bold;" />
						<br />
						<h:outputText id="inscricaoMunicipal" value="#{manterClientesFornecedoresBean.pessoaAux.inscricaoMunicipalEmpresa}" />
		            </td>
				</tr>
				<tr id="trEstadoCivilSexo">
					<td width="250px;">
						<h:outputLabel for="estadoCivil" value="Estado civil:" style="font-weight: bold;" />
						<br />
						<h:outputText id="estadoCivil" value="#{manterClientesFornecedoresBean.pessoaAux.estadoCivilExtenso}" />
		            </td>
		            <td width="250px;">
						<h:outputLabel for="indSexo" value="Sexo:" style="font-weight: bold;" />
						<br />
						<h:outputText id="indSexo" value="#{manterClientesFornecedoresBean.pessoaAux.sexoExtenso}" />
		            </td>
				</tr>
			</table>
			
			<table cellspacing="10">
				<tr>
					<td colspan="4">
						<br />
						<p:separator style="height:3px" />  
						<br />
		            </td>
				</tr>
				<tr>
					<td colspan="4">
						<h:outputLabel for="endereco" value="Endereço:" style="font-weight: bold;" />
						<br />
						<h:outputText id="endereco" value="#{manterClientesFornecedoresBean.pessoaAux.endereco.dscEndereco}" />
		            </td>
				</tr>
				<tr>
					<td width="334px;">
						<h:outputLabel for="cidade" value="Cidade:" style="font-weight: bold;" />
						<br />
						<h:outputText id="cidade" value="#{manterClientesFornecedoresBean.pessoaAux.endereco.cidade}" />
		            </td>
					<td width="334px;">
						<h:outputLabel for="uf" value="Estado:" style="font-weight: bold;" />
						<br />
						<h:outputText id="uf" value="#{manterClientesFornecedoresBean.pessoaAux.endereco.estado}" />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="bairro" value="Bairro:" style="font-weight: bold;" />
						<br />
						<h:outputText id="bairro" value="#{manterClientesFornecedoresBean.pessoaAux.endereco.bairro}" />
		            </td>
					<td>
						<h:outputLabel for="cep" value="CEP:" style="font-weight: bold;" />
						<br />
						<h:outputText id="cep" value="#{manterClientesFornecedoresBean.pessoaAux.endereco.cep}" />
		            </td>
				</tr>
			</table>
				
			<table cellspacing="10" width="100%">
				<tr>
					<td colspan="4">
						<br />
						<p:separator style="height:3px" />  
						<br />
		            </td>
				</tr>
				<tr>
					<td width="250px;">
						<h:outputLabel for="telefone" value="Telefone:" style="font-weight: bold;" />
						<br />
						<h:outputText id="telefone" value="#{manterClientesFornecedoresBean.pessoaAux.meioComunicacao.nrTelefone}" />
		            </td>
					<td width="250px;">
						<h:outputLabel for="fax" value="Fax:" style="font-weight: bold;" />
						<br />
						<h:outputText id="fax" value="#{manterClientesFornecedoresBean.pessoaAux.meioComunicacao.nrFax}" />
		            </td>
					<td width="250px;">
						<h:outputLabel for="celular" value="Celular:" style="font-weight: bold;" />
						<br />
						<h:outputText id="celular" value="#{manterClientesFornecedoresBean.pessoaAux.meioComunicacao.nrCelular}" />
		            </td>
				</tr>
				<tr>
					<td colspan="3" width="250px;">
						<h:outputLabel for="email" value="Email:" style="font-weight: bold;" />
						<br />
						<h:outputText id="email" value="#{manterClientesFornecedoresBean.pessoaAux.meioComunicacao.email}" />
		            </td>
				</tr>
			</table>
				
			<table cellspacing="10" width="100%" id="tabelaProfissao">
				<tr>
					<td colspan="4">
						<br />
						<p:separator style="height:3px" />  
						<br />
		            </td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="profissao" value="Profissão:" style="font-weight: bold;" />
						<br />
						<h:outputText id="profissao" value="#{manterClientesFornecedoresBean.pessoaAux.profissao}" />
		            </td>
					<td>
						<h:outputLabel for="nomeEmpresa" value="Nome da empresa:" style="font-weight: bold;" />
						<br />
						<h:outputText id="nomeEmpresa" value="#{manterClientesFornecedoresBean.pessoaAux.nmEmpresa}" />
		            </td>
					<td>
						<h:outputLabel for="telefoneEmpresa" value="Telefone da empresa:" style="font-weight: bold;" />
						<br />
						<h:outputText id="telefoneEmpresa" value="#{manterClientesFornecedoresBean.pessoaAux.telefoneEmpresa}" />
		            </td>
				</tr>
			</table>

		</p:panel>
			
		<br />
		<div align="right">
			<p:commandButton value="Fechar" onclick="dialogClienteFornecedorDetalhes.hide();" type="button" />
		</div>

	</h:form>
		
</p:dialog>
	
</html>